<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<p:panel style="border: none;">
	<h:panelGrid columns="4" cellpadding="2" style="border: 2px;">
		<h:outputText value="Código" />
		<h:outputText value="Cidade" />
		<h:outputText value="Estado" />
		<h:outputText value="" />

		<p:inputText id="pCidadeClienteIdFiltro"
			value="#{beanCidade.filtro.id}" maxlength="4" size="7" />


		<p:inputText id="pCidadeClienteCidadeFiltro"
			value="#{beanCidade.filtro.cidade}" size="78" />


		<p:inputText id="pCidadeClienteEstadoFiltro"
			value="#{beanCidade.filtro.estado.estado}" />

		<p:commandButton id="pCidadeClienteFind" value="Buscar"
			icon="ui-icon-search" action="#{beanCidade.find}"
			update="pCidadeClienteTabelaCidade" />
	</h:panelGrid>

	<br></br>
	<p:separator />

	<p:dataTable value="#{beanCidade.cidades}" var="cidade"
		id="pCidadeClienteTabelaCidade">
		<p:column headerText="Codigo" width="10px">
			<h:outputText value="#{cidade.id}" />
		</p:column>

		<p:column headerText="Cidade">
			<h:outputText value="#{cidade.cidade}" />
		</p:column>

		<p:column headerText="Estado">
			<h:outputText value="#{cidade.estado.estado}" />
		</p:column>

		<p:column headerText="Selecionar" width="10">
			<p:commandButton id="pCidadeClienteSelectCidade"
				oncomplete="dConsultaCidade.hide()" icon="ui-icon-circle-check"
				title="selecionar" ajax="false">
				<f:setPropertyActionListener value="#{cidade}"
					target="#{beanCliente.cliente.cidade}" />
			</p:commandButton>
		</p:column>
	</p:dataTable>

	<p:separator />
	<br></br>

	<h:panelGrid columns="2">
		<p:commandButton id="pCidadeClienteNovo" value="Novo"
			title="Criar Cidade" onclick="dManterCidade.show() ">

		</p:commandButton>
		<p:commandButton id="pCidadeClienteVoltar" value="Voltar"
			onclick="dConsultaCidade.hide()" />
	</h:panelGrid>

</p:panel>

<p:dialog header="Manter Cidade" widgetVar="dManterCidade"
	id="pCidadeClienteDManterCidade" resizable="false">
	<ui:include src="/cidade/pManterCidade.xhtml"></ui:include>
</p:dialog>

</html>